{include file="common/business/header"}
<style>
.index-center-img{
	position: absolute;
	top: 160px;
	left: 50%;
	transform: translateX(-50%);
}
.index-center-content{
	position: absolute;
	top: 455px;
	left: 50%;
	width: 1200px;
	background: #fff;
	z-index: 2;
	transform: translateX(-50%);
	height:1030px;
	padding-top: 50px;
}
.index-center-content>img{
	position: absolute;
	left: 0;
	top: 50px;
	width: 1200px;
}
.index-center-content>a{
	/* display: block; */
	height: 45px;
	line-height: 45px;
	text-align: center;
	width: 250px;
	font-size: 20px;
	position: relative;
	z-index: 99;
	float: left;
	color: #fff;
	cursor: pointer;
	border-radius: 3px;
	margin-top: 350px;
	
}
.index-center-content>a:nth-of-type(2){
	margin: 0 190px;
	margin-top: 350px;
	background-color: #eea864;
}
.index-center-content>a:nth-of-type(1){
	margin-left: 40px;
	background-color: #6399ee;
}
.index-center-content>a:nth-of-type(3){
	background-color: #64ee6a;
}
.merchant_list{
	text-align: center;
	width: 333px;
	font-size: 20px;
	box-sizing: border-box;
	position: relative;
	z-index: 99;
	float: left;
	color: #fff;
	cursor: pointer;
	border-radius: 3px;
	margin-top: 340px;
}	
.merchant_list:nth-of-type(2){
	margin: 0 100px;
	margin-top: 340px;
}
.merchant_list:nth-of-type(2) .merchant_single{
	padding-left: 100px;
} 
.merchant_title{
	font-size: 30px;
	text-align: center;
	margin-bottom: 45px;
	color:#fff;
}
.merchant_single{
	box-sizing: border-box;
	padding-left: 55px;
   text-align: left;
   margin-bottom: 20px;
}
.merchant_single:after{
	content:"";
	margin-top: 9px;
	margin-right: 5px;
	display: block;
	height: 10px;
	width: 10px;
	border-radius: 50%;
	background-color: #fff;
	float: left;
}
.enterindex{
	position: absolute;
	width: 250px;
	height: 60px;
	left: 50%;
	top: 355px;
	cursor: pointer;
	z-index: 5;
	transform: translateX(-50%);
}
</style>
<div id="wrrap" style="height:1350px">
	<img class="index-center-img" src="__WWW_STATIC__/www/index/img/banner.png" alt="">
		<a href="{:url('enterprise/create')}" class="enterindex">
			
		</a>
		
		<div class="index-center-content">
			<img  src="__WWW_STATIC__/www/index/img/shopindex.png" alt="">
			<a href="{:url('index/register')}" >了解入驻流程</a>
			<a href="{:url('business/charge')}" >查看资费政策</a>
			<a href="{:url('business/help')}"  >获得帮助</a>
			<ul class="merchant_list">
					<h2 class="merchant_title">提交资料</h2>
				<li class="merchant_single">上传公司营业执照</li>
				<li class="merchant_single">填写法人和联系人信息</li>
				<li class="merchant_single">填写店铺信息</li>
			</ul>
			<ul class="merchant_list">
				<h2 class="merchant_title">资质审核通过</h2>
				<li class="merchant_single">三个工作日</li>
				<li class="merchant_single">资质审核</li>
			</ul>
			<ul class="merchant_list">
				<h2 class="merchant_title">入驻完成</h2>
				<li class="merchant_single">缴纳保证金(暂不需要)</li>
			</ul>
		</div>
		<div class="regist-zuo"></div>
		<div class="regist-you" style="background: url(__INDEX_STATIC__/img/ment.png) no-repeat;background-size: 1000px;"></div>
	</div>
{include file="common/business/footer" /}
	<!-- <div class="bottom">
  <a href="investment" target="_blank">
     <div style="width: 250px; height: 150px;">
	 </div>
   </a>
</div> -->
<!-- <div id="zhichiBtnBox"><a hidefocus="" id="zhichiBtn"><span class="zc-advice-icon-btn-title">咨询在线客服</span></a><i id="zhichiCount"></i></div> -->

<script type="text/javascript" src="__INDEX_STATIC__/js/jquery-2.1.1.js"></script>
<script src="__INDEX_STATIC__/js/bootstrap.min.js"></script>
<script type="text/javascript">
	$(".span:contains('首页')").css("color","#4990E2").siblings().css("display","block")
</script>
<script>
	$("#consult").click(function(){
		$("#zhichiBtnBox").trigger("click");
	});
	$("span[name=example]").mouseover(function(){
		$(this).children().css("display", "block");
	});
	$("span[name=example]").mouseout(function(){
		$(this).children().css("display", "none");
	});
	$("div[name=label]").mouseover(function(){
		$(this).css("background-image", "url(official/official_page4_selected.jpg)");
		if( $(this).text() == "设" ){
			$(this).text("设计");
		}
		if( $(this).text() == "技" ){
			$(this).text("技术");
		}
		if( $(this).text() == "综" ){
			$(this).text("综合");
		}
		if( $(this).text() == "营" ){
			$(this).text("运营");
		}
	});
	$("div[name=label]").mouseout(function(){
		$(this).css("background-image", "none");
		if( $(this).text() == "设计" ){
			$(this).text("设");
		}
		if( $(this).text() == "技术" ){
			$(this).text("技");
		}
		if( $(this).text() == "综合" ){
			$(this).text("综");
		}
		if( $(this).text() == "运营" ){
			$(this).text("营");
		}
	});
	$("#shoufei").click(function(){
		$("#table").modal("show");
	});

	$("#cancel_suggust").click(function(){
		$("#suggest_browser").css("display", "none");
	});

	var isChrome = navigator.userAgent.indexOf("Chrome") > -1 ;

	if( isChrome ){
		$("#suggest_browser").css("display", "none");
	}

	$(".modal-dialog").css("z-index", 9999);
</script>
	

</body>
</html>